<template>
  <view>
    <clIcon
      @click="expenseTypeShow = true"
      class="w100 flex flex-c"
      type="icon-24gl-plusCircle"
      color="#000"
      size="30"
    ></clIcon>
    <u-list @scrolltolower="scrolltolower">
      <u-list-item v-for="(item, index) in indexList" :key="index">
        <u-cell :title="`列表长度-${index + 1}`"> </u-cell>
      </u-list-item>
    </u-list>
    <u-modal
      :show="expenseTypeShow"
      :title="title"
      @cancel="close"
      @confirm="confirm"
      showCancelButton="true"
      confirmText="保存"
    >
      <u--input placeholder="请输入内容" border="surround"></u--input>
    </u-modal>
  </view>
</template>

<script>
import clIcon from "@/components/cl-icon/cl-icon.vue";
export default {
  components: {
    clIcon,
  },
  props: {},
  data() {
    return {
      title: "新增参数",
      expenseTypeShow: true,
      indexList: [{}],
    };
  },

  methods: {
    scrolltolower() {},
    confirm() {
      this.expenseTypeShow = false;
    },
    close() {
      this.expenseTypeShow = false;
    },
  },
};
</script>

<style lang="scss" scoped>
</style>